﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<zeus.Core.Grupo>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContentPlaceHolder" runat="server">
    <h2>Nuevo Grupo</h2>
    <% Html.EnableClientValidation(); %>

    <% using (Html.BeginForm()) {%>
        <%: Html.ValidationSummary(true) %>
        
        <fieldset>
            <legend>Información básica</legend>
                <div class="editor-label">
                    <%: Html.LabelFor(model => model.Nombre) %>
                </div>
                <div class="editor-field">
                    <%: Html.TextBoxFor(model => model.Nombre) %>
                    <%: Html.ValidationMessageFor(model => model.Nombre) %>
                </div>
        </fieldset>
            
        <fieldset>
            <legend>Usuarios</legend>
            <table>
                <tr>
                    <td>
                        <div class="editor-label">
                            Usuarios         
                        </div>

                        <div class="editor-field">
                             <%: Html.ListBox("UsuariosDisponiblesList", ViewData["usuariosDisponibles"] as MultiSelectList, new { @class = "selectMultiple" })%>                                                             
                        </div>
                    </td>
                    <td>
                        <input type="button" value="Agregar" name="btnAgregarUsuario" id="btnAgregarUsuario" class="buttonMultiple" />
                        <br />
                        <input type="button" value="Remover" name="btnRemoverUsuario" id="btnRemoverUsuario" class="buttonMultiple" />
                    </td>
                    <td>
                        <div class="editor-label">
                            Disponibles
                        </div>

                        <div class="editor-field">
                             <%: Html.ListBox("UsuariosSeleccionadosList", ViewData["usuariosSeleccionados"] as MultiSelectList, new { @class = "selectMultiple" })%>   
                        </div>
                    </td>
                </tr>
            </table>
        </fieldset>

        <fieldset>
            <legend>Unidades</legend>
            <table>
                <tr>
                    <td>
                        <div class="editor-label">
                            Unidades         
                        </div>

                        <div class="editor-field">
                             <%: Html.ListBox("UnidadesDisponiblesList", ViewData["unidadesDisponibles"] as MultiSelectList, new { @class = "selectMultiple" })%>                                                             
                        </div>
                    </td>
                    <td>
                        <input type="button" value="Agregar" name="btnAgregarUnidad" id="btnAgregarUnidad" class="buttonMultiple" />
                        <br />
                        <input type="button" value="Remover" name="btnRemoverUnidad" id="btnRemoverUnidad" class="buttonMultiple" />
                    </td>
                    <td>
                        <div class="editor-label">
                            Disponibles
                        </div>


                        <div class="editor-field">
                             <%: Html.ListBox("UnidadesSeleccionadosList", ViewData["unidadesSeleccionados"] as MultiSelectList, new { @class = "selectMultiple" })%>   
                        </div>
                    </td>
                </tr>
            </table>
        </fieldset>

         <fieldset>
            <legend>Compartido</legend>
                <div class="editor-label">
                    <%: Html.CheckBoxFor(model => model.Perimetro) %>
                    <%: Html.LabelFor(model => model.Perimetro) %>
                    <%: Html.ValidationMessageFor(model => model.Perimetro) %>
                </div>
            
                <div class="editor-label">
                    <%: Html.CheckBoxFor(model => model.Ruta)%>
                    <%: Html.LabelFor(model => model.Ruta)%>
                    <%: Html.ValidationMessageFor(model => model.Ruta) %>
                </div>
            
                <div class="editor-label">
                    <%: Html.CheckBoxFor(model => model.Evento)%>
                    <%: Html.LabelFor(model => model.Evento)%>
                    <%: Html.ValidationMessageFor(model => model.Evento) %>
                </div>

        </fieldset>
           
                                   
            <%: Html.HiddenFor(model => model.UsuariosHidden) %>
            <%: Html.HiddenFor(model => model.UnidadesHidden) %>
            <%: Html.HiddenFor(model => model.CodigoCliente) %>
            
            <p>

                <input type="submit" value="Guardar" />
                <%if (Model.Id > 0)
                  {%>
                <input type="button" onclick="javascript:eliminar(<%: Model.Id %>, '<%= ResolveUrl("~") %>Recursos/EliminarGrupo', '<%= ResolveUrl("~") %>Recursos/Grupos')" value="Eliminar" />
                <%} %>
                <input type="button" onclick="javascript:document.location.href='<%= ResolveUrl("~") %>Recursos/Grupos'" value="Cancelar" />            
            </p>
        

    <% } %>
    
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="HeadContentPlaceHolder" runat="server">
    <script type="text/javascript" src="<%= ResolveUrl("~") %>Scripts/MicrosoftAjax.js"></script>
    <script type="text/javascript" src="<%= ResolveUrl("~") %>Scripts/MicrosoftMvcAjax.js"></script>
    <script type="text/javascript" src="<%= ResolveUrl("~") %>Scripts/MicrosoftMvcValidation.js"></script>
    <script type="text/javascript" src="<%= ResolveUrl("~") %>Scripts/helpers.js"></script>

    <script language="javascript" type="text/javascript">
        $(function () {
            $("#navbar").hide();
            
            $('form').submit(function () {
                var tmp = new Array();
                $('select#UsuariosSeleccionadosList option').each(function (i, selected) {
                    tmp[i] = $(selected).val();
                });
                $('#UsuariosHidden').val(tmp.join(','));

                var tmpGrp = new Array();
                $('select#UnidadesSeleccionadosList option').each(function (i, selected) {
                    tmpGrp[i] = $(selected).val();
                });
                $('#UnidadesHidden').val(tmpGrp.join(','));

                return true;
            });

            $('#UsuariosDisponiblesList').dblclick(function () {
                $('#UsuariosDisponiblesList option:selected').remove().appendTo('#UsuariosSeleccionadosList');
            });

            $('#btnAgregarUsuario').click(function () {
                $('#UsuariosDisponiblesList option:selected').remove().appendTo('#UsuariosSeleccionadosList');
            });

            $('#UsuariosSeleccionadosList').dblclick(function () {
                $('#UsuariosSeleccionadosList option:selected').remove().appendTo('#UsuariosDisponiblesList');
            });

            $('#btnRemoverUsuario').click(function () {
                $('#UsuariosSeleccionadosList option:selected').remove().appendTo('#UsuariosDisponiblesList');
            });

            //

            $('#UnidadesDisponiblesList').dblclick(function () {
                $('#UnidadesDisponiblesList option:selected').remove().appendTo('#UnidadesSeleccionadosList');
            });

            $('#btnAgregarUnidad').click(function () {
                $('#UnidadesDisponiblesList option:selected').remove().appendTo('#UnidadesSeleccionadosList');
            });

            $('#UnidadesSeleccionadosList').dblclick(function () {
                $('#UnidadesSeleccionadosList option:selected').remove().appendTo('#UnidadesDisponiblesList');
            });

            $('#btnRemoverUnidad').click(function () {
                $('#UnidadesSeleccionadosList option:selected').remove().appendTo('#UnidadesDisponiblesList');
            });
        });

    </script>
    
    <title>Nuevo Grupo</title>
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="MenuContentPlaceHolder" runat="server">
</asp:Content>

